<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>
<%@ page session="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Encuesta YA</title>
        <link rel="stylesheet" href="<c:url value="/resources/style1.css" />" type="text/css" media="screen, projection">
        
        <link rel="stylesheet" href="<c:url value="/resources/css/jquery.ennui.contentslider.css" />"  type="text/css" media="screen,projection" />
        <script language="javascript" type="text/javascript">
            function clearText(field) {
                if (field.defaultValue == field.value) field.value = '';
                else if (field.value == '') field.value = field.defaultValue;
            }
        </script>
    </head>
    <body>
        <div id="site_title_bar_wrapper">
            <div id="site_title_bar">
                <div id="ingresar_box">
                    <form action="#" method="get">
                        <input type="text" value="Usuario" name="q" size="10" id="usuario" onfocus="clearText(this)" onblur="clearText(this)" />
                        <input type="submit" name="Ingresar" value="" id="ingresarbutton" />
                    </form>
                </div>
                <!-- end of site_title_bar -->
            </div>
            <!-- end of site_title_bar_wrapper -->
            <div id="banner_wrapper">
                <div id="banner">
                    <div id="banner_slider">
                        <div id="one" class="contentslider">
                            <div class="cs_wrapper">
                                <div class="cs_slider">
                                    <div class="cs_article">
                                        <div class="slider_content_wrapper">
                                            <div class="slider_content">                                          
                                            </div>                                         
                                            <div class="cleaner"></div>
                                        </div>
                                    </div>                                    
                                </div>                               
                            </div>
                            <!-- End cs_wrapper -->
                        </div>
                        <!-- End contentslider -->
                        <!-- Site JavaScript -->
                        <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
                        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
                        <script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
                        <script type="text/javascript">
                            $(function () {
                                $('#one').ContentSlider({
                                    width: '960px',
                                    height: '250px',
                                    speed: 400,
                                    easing: 'easeOutSine'
                                });
                            });
                        </script>
                        <script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
                        <script src="js/chili/recipes.js" type="text/javascript"></script>
                        <div class="cleaner"></div>
                    </div>
                    <!-- end of popular_posts -->
                </div>
                <!-- end of banner -->
            </div>
            <!-- end of banner_wrapper -->
            <div id="menu_wrapper">

            </div>
            <!-- end of menu_wrapper -->
            <div id="content_wrapper">
                <div id="content">
                    <div class="section_w960_p15">
                        <div class="box margin_r_15">
                            <div class="box_top"></div>
                            <div class="box_content">
                                <h2>Encuesta Ya</h2>
                                <div class="box_image_wrapper"> <img src="images/img_Reg.jpg" alt="" /> </div>
                                <p align="center"><h2>Encuesta Ya permite a los usuarios elaborar por si mismos, de forma rapida y sencilla, encuestas internas y externas que le ayudaran en la toma de decisiones.  </h2>

                                <div class="cleaner"></div>
                            </div>
                            <div class="box_bottom"></div>
                        </div>
                        <div class="box">
                            <div class="box_top"></div>                          
                            <form name="form1" method="post" action="">
                                <table width="350" border="0" align="left"> <!--caracteristicas del registrar-->
                                    <tr>
                                        <td colspan="2" align="center"><br><br><h1>REGISTRATE GRATIS</h1></br></br></td>
                                    </tr>
                                    <tr>          
                                        <td width="111" align="right"><font size="3">Nombres: </font></td> 
                                        <td width="154">
                                            <label width="100" height="50">
                                                <input name="nombres" type="text" id="nombres">
                                                </input>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td align="right"><font size="3">Apellidos: </font></td>
                                        <td><label>
                                                <input name="apellidos" type="text" id="apellidos"></input>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td align="right"><font size="3">Tu Correo Electronico: </font></td>
                                        <td><label>
                                                <input name="direccion" type="text" id="direccion"></input>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td align="right"><font size="3">Escribe de Nuevo tu Correo Electronico: </font></td>
                                        <td><label>
                                                <input name="correo" type="text" id="correo"> </input>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td align="right"><font size="3">login: </font></td>
                                        <td><label>
                                                <input name="login" type="text" id="login"> </input>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td align="right"><font size="3">Contraseña: </font></td>
                                        <td><label>
                                                <input name="pass" type="text" id="pass"></input>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" align="center"><label>
                                                <input type="submit" id="registrar" value="Registrar"></input>
                                            </label></td>
                                    </tr>
                                </table>
                            </form>
                            <div class="box_bottom"></div>
                        </div>
                    </div>
                    <div class="cleaner_h30"></div>
                    <div class="section_w960_p30">
                        <div class="cleaner_h20"></div>
                    </div>
                    <div class="cleaner"></div>
                </div>
            </div>
            <!-- end of content_wrapper -->
            <div id="footer">
                <div class="section_w240">
                    <font size="4">Que es una encuesta? </font>
                    <br></br>
                    <div class="sub_content">
                        <p>Una encuesta es un estudio observacional en el cual el investigador busca recaudar datos por medio de un cuestionario predise&ntilde;ado. Para mas informacion puedes visitar <a href="http://es.wikipedia.org/wiki/Encuesta">http://es.wikipedia.org/wiki/Encuesta</a></p>
                    </div>
                </div>
                <div class="section_w240">
                    <font size="4">Importancia de una encuesta</font>
                    <br></br>
                    <div class="sub_content">
                        <p>La Encuesta?. Esta herramienta est&aacute; presente en m&uacute;ltiples disciplinas, tambi&eacute;n son decisivas para fijar precios, salarios, etc., y está muy presente en nuestra vida cotidiana.para mayor informacion visita <a href="http://www.buenastareas.com/ensayos/Importancia-De-La-Encuesta/3866623.html">http://www.buenastareas.com</a></p>
                    </div>
                </div>
                <div class="section_w240">
                    <font size="4">Caracteristicas de Encuesta Ya</font>
                    <br></br>
                    <div class="sub_content">
                        <ul class="footer_list">
                            <li>Facil de usar</li>
                            <li>Ahorro de tiempo</li>
                            <li>Economico</li>
                            <li>Sin instalaciones</li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <!-- end of footer -->
    </body>
</html>
